Build a Wiki
Add Editors
Create Table of Contents
Lock Page
Print
Revision Date & Editor
_______________________
Tables
Add photos
Add Bubble Share slide show
Add Google Calendar
_______________________
Advanced Features




Wikispaces

Advanced features


Box for Text

Add text into gray box

  1. Click "Edit this page"
  2. Click on "Text Editor"
  3. type [[code]] on separate line, before and after the text you want to put inside the box.
[[code]]
This makes it very easy to do
add this text inside a box with gray background color
[[code]]

This makes it very easy to do
add this text inside a box with gray background color


Color text

To change the color of text, you need to define a new category in the stylesheet.

Add a new color text option to the CSS style sheet:
  1. Click Manage Space
  2. Click Look and Feel
  3. Under Wiki Stylesheet click "Edit your wiki stylesheet"
  4. Add this code to the stylesheet after h3
.wiki tt { font-family: arial, helvetica, serif; color: green; font-style: normal; font-size: small;}

To change the color of your text, start and end your text with {{ }}
example: {{this text is green}}
This text is green




Center Text

Before the Text:
  1. You need to add a start centering script
  2. Click on the TV screen and copy and paste from <script ...... </script>


<script language="JavaScript">
document.write('<div style="text-align: center;">')
</script>

centerText.JPG
This is what your edit page will look like

Type the text that you want to center.
Heading titles
This is good for poems.


After the text you want centered:
  1. You need to add a stop centering script.
  2. Click on the TV Screen and copy and paste from <script ...... </script>

<script language="JavaScript">
document.write('</div>')
</script>



Sample Centered text

Type the text that you want to center.
Heading titles
This is good for poems.


Document

Display document you have uploaded on wikispaces



Image & Text

  1. click on tree and find the image name that you want to put on the page.
  2. click tv screen.
  3. copy and paste all the information from <img ...../>.
  4. replace 'brainstorm1.jpg' with the name of your picture or graphic.
<img src="/space/showimage/brainstorm1.jpg" style="border:2px solid black; float:left; margin: 10px 25px 10px 0;" />
Sample: picture on left, with text on the right.

this is the text I hope finds its way to the right of the picture for better formating
A couple of lines of information that helps explain about brainstorming and collaboration with members of the team.
Explain the process of adding new levels
How should students save their work?